import { useMemo } from "react";

import { IconButton } from "@mui/material";
import AvatarMui from "@mui/material/Avatar";

export const useShowProfile = () => {
	// TODO - change sx style
	const Avatar = useMemo(
		() => (
			<IconButton>
				<AvatarMui
					sx={{
						bgcolor: "green",
						width: "24px",
						height: "24px",
						fontSize: "14px",
					}}
				>
					U
				</AvatarMui>
			</IconButton>
		),
		[],
	);

	return { Avatar };
};
